<template>
  <div class="teach-video">
    <TitleBar title="教学视频"></TitleBar>
    <div class="teach-item border-bottom-1px">
      <h1>分享您的品牌到朋友圈</h1>
      <video class="video" src="http://mvideo.brandzw.com/demoVideo.mp4" poster="./assets/poster.png" controls x5-playsinline playsinline webkit-playsinline preload="auto">
      </video>
    </div>
  </div>
</template>

<script>
import TitleBar from '../../components/TitleBar'
export default {
  components: {
    TitleBar
  }
}
</script>

<style scoped lang="scss">
.teach-video {
  min-height: 100vh;
  background-color: #fff;
}
.teach-item {
  margin: 0.5rem 0 0 0.3rem;
  padding: 0 0.3rem 0.3rem 0;
  h1 {
    font-size: 0.3rem;
    color: #333;
    padding-left: 0.2rem;
    border-left: 0.06rem solid #e9ca42;
    line-height: 0.26rem;
  }
  .video {
    margin-top: 0.28rem;
    width: 100%;
    height: auto;
  }
}
</style>
